﻿<%@ Page Language="C#" MasterPageFile="~/U_masterP.master" AutoEventWireup="true"
    CodeFile="qlcongviec.aspx.cs" Inherits="qlcongviec" %>

<%@ Register Src="uc_main/menu_canhan.ascx" TagName="menu_canhan" TagPrefix="uc2" %>
<%@ Register Src="uc_main/sideBar_right.ascx" TagName="sideBar_right" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <link href="css/personalCss.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
    <div id="content_top">
        <div id="kep">
            <a>Trang cá nhân</a></div>
        <div id="tags">
            <p class="title_p">
                Quản lý công việc của bạn</p>
        </div>
        <%--<input id="btnLuu" type="button" value="Lưu lại" class="button_V" onclick="OnSubmitGig()" />--%>
    </div>
    <div class="clear">
    </div>
    <div id="sub_content">
        <div id="content_left2">
            <!-- noi dung chinh -->
            <uc2:menu_canhan ID="menu_canhan1" runat="server" />
            <div class="themCV">
                <div class="themCV_top">
                    <%--<span class="tiuDeCV">Tôi sẽ&nbsp; </span><asp:TextBox ID="txtTenCVS" runat="server" 
                        MaxLength="150" Width="349px" CssClass="tencv" onkeyup="valid(this,'special')" onblur="valid(this,'special')"></asp:TextBox><span class="tiuDeCV"> &nbsp;chỉ với 5$.</span>--%>
                    <%-- <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                        ErrorMessage="**"></asp:RegularExpressionValidator>--%>
                    <span class="tiuDeCV">Tôi sẽ&nbsp; </span>
                    <asp:TextBox ID="txtTenCVS" runat="server" MaxLength="150" Width="700px" CssClass="tencv"
                        onkeyup=" valid(this,'special')" onblur="valid(this,'special')"></asp:TextBox>
                    <ajaxToolkit:FilteredTextBoxExtender ID="TextBox1_FilteredTextBoxExtender" runat="server"
                        FilterMode="InvalidChars" InvalidChars="!@#$%^&amp;*()_-+=\|{}[]&quot;':&lt;&gt;?;/"
                        TargetControlID="txtTenCVS">
                    </ajaxToolkit:FilteredTextBoxExtender>
                    <span class="tiuDeCV">&nbsp;chỉ với 5$.</span>
                </div>
                <div class="themCV_content">
                    <div class="hang">
                        <div class="cottrai">
                            Danh mục :</div>
                        <div class="cotphai">
                            <asp:DropDownList ID="DropDownList1" CssClass="INHOA" runat="server">
                            </asp:DropDownList>
                        </div>
                    </div>
                    <div class="hang">
                        <div class="cottrai">
                            Mô tả :<br />
                            <div class="giaithich" style="display: none">
                                Viết một đoạn mô tả ngắn về những việc bạn sẽ làm.
                                    <p>Số ký tự còn lại :<span id="charLeft2">250</span> ký tự</p>
                            </div>
                        </div>
                        <div class="cotphai">
                            <asp:TextBox ID="txtMota" runat="server" Height="150px" MaxLength="450" TextMode="MultiLine"
                                Width="60%" CssClass="textTrai" onkeyup="valid(this,'special')" onblur="valid(this,'special')"></asp:TextBox>
                            <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server"
                                FilterMode="InvalidChars" InvalidChars="!@#$%^&amp;*()_-+=\|{}[]&quot;':&lt;&gt;?;/"
                                TargetControlID="txtMota">
                            </ajaxToolkit:FilteredTextBoxExtender>
                        </div>
                        
                    </div>
                    <div class="hang">
                        <div class="cottrai">
                            Tự giới thiệu :
                            <br />
                            <div class="giaithich2" style="display: none">
                                Tự giới thiệu về khả năng của bạn , kinh nghiệm hoặc những dự án bạn đã từng làm.
                             <p>Số ký tự còn lại :<span id="charLeft3">400</span> ký tự</p>
                            </div>
                        </div>
                        <div class="cotphai">
                            <asp:TextBox ID="txtTuGTU" runat="server" Height="172px" TextMode="MultiLine" Width="60%"
                                CssClass="textTrai2" onkeyup="valid(this,'special')" onblur="valid(this,'special')"></asp:TextBox>
                            <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"
                                FilterMode="InvalidChars" InvalidChars="!@#$%^&amp;*()_-+=\|{}[]&quot;':&lt;&gt;?;/"
                                TargetControlID="txtTuGTU">
                            </ajaxToolkit:FilteredTextBoxExtender>
                        </div>
                    </div>
                    <div class="hang" style="height: 70px">
                        <div class="cottrai">
                            Tags :<br />
                            <div class="giaithich3" style="display: none">
                                Tách nhau bằng dấu ",". Ví dụ: music,skill,...
                            <p>Số ký tự còn lại : <span id="charLeft4">50</span> ký tự</p>
                            </div>
                        </div>
                        <div class="cotphai">
                            <asp:TextBox ID="txtTags" runat="server" MaxLength="50" Width="60%" CssClass="textTrai3" onkeyup="valid(this,'custum')" onblur="valid(this,'custum')"></asp:TextBox>
                            <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server"
                                FilterMode="InvalidChars" InvalidChars="!@#$%^&amp;*()_-+=\|{}[]&quot;':&lt;&gt;.;?/"
                                TargetControlID="txtTags">
                            </ajaxToolkit:FilteredTextBoxExtender>
                        </div>
                    </div>
                    <div class="hang" style="height: 120px">
                        <div class="cottrai">
                            Số ngày cần để hoàn thành công việc :<br />
                            <div class="giaithich4" style="display: none">
                                Số ngày bạn cần để hoàn thành yêu cầu của khách hàng.<br />
                                Nếu hoàn thành không đúng thời hạn, khách hạn có thể hủy đơn hàng.</div>
                        </div>
                        <div class="cotphai">
                            <asp:TextBox ID="txtNgayHTCV" runat="server" MaxLength="2" Width="69px" onkeyup="valid(this,'notnumbers')"
                                CssClass="textTrai4"></asp:TextBox>
                            <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server"
                                TargetControlID="txtNgayHTCV" FilterType="Numbers">
                            </ajaxToolkit:FilteredTextBoxExtender>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                    <%-- <div class="hang" style="height:70px">
                        <div class="cottrai">  Ẩn / Hiện :<br /><div class="giaithich44" style="display:block">Đánh dấu là: hiển thị. Không đánh dấu là : ẩn</div>   
                        </div>
                        <div class="cotphai">
                            <asp:CheckBox ID="CheckBox1" CssClass="checkAH" runat="server" />
                        </div>
                    </div>--%>
                    <div class="hang">
                        <div class="cottrai">
                            Ảnh :<br />
                            <div class="giaithich5" style="display: none">
                                Ảnh có liên quan đến công việc của bạn. Ảnh không quá nặng (270x210)</div>
                        </div>
                        <div class="cotphai">
                            <asp:FileUpload ID="FileUpload1" runat="server" Width="310px" Visible="false" />
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="FileUpload1"
                                ErrorMessage="*" Visible="false"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                    <%-- <div class="hang">
                        <div class="cottrai">&nbsp;</div>
                        <div class="cotphai">
                               <asp:FileUpload ID="FileUpload2" runat="server" Width="310px" />
                        </div>
                    </div>
                    <div class="hang">
                        <div class="cottrai">&nbsp;</div>
                        <div class="cotphai">
                               <asp:FileUpload ID="FileUpload3" runat="server" Width="310px" />
                        </div>
                    </div>--%>
                    <div class="hang">
                        <div class="cottrai">
                            &nbsp;</div>
                        <div class="cotphai">
                            <asp:FileUpload ID="FileUpload4" runat="server" Width="310px" Visible="false" />&nbsp;
                        </div>
                    </div>
                    <div class="hang" style="height: 150px; display: none" id="anhdaidien" runat="server">
                        <div class="cottrai">
                            Ảnh đại diện hiện tại
                        </div>
                        <div class="cotphai">
                            <asp:Image ID="Image1" runat="server" Width="150px" Height="150px" Visible="true" />
                        </div>
                    </div>
                    <div class="hang">
                        <div class="cottrai">
                            &nbsp;<asp:Label ID="lblLoi" runat="server" Font-Italic="True" Font-Size="11px" ForeColor="Red"></asp:Label></div>
                        <div class="cotphai" runat="server">
                            <asp:Button ID="btnLuu" runat="server" CssClass="button_V" Text="Lưu lại" OnClientClick="return OnSubmitGig()"
                                OnClick="btnLuu_Click" />
                            &nbsp;<asp:Button ID="btn_capNhat" runat="server" CssClass="button_V" Text="Cập nhật"
                                OnClientClick="return OnSubmitGig()" Visible="false" OnClick="btn_capNhat_Click" />
                            <%--<input id="btnLuu" type="button" value="Lưu lại" class="button_V" onclick="OnSubmitGig()" />--%>
                            &nbsp;<input id="btnXoahet" type="button" value="Xóa hết" class="button_V" onclick="xoahet()" />
                            <asp:Literal ID="Literal1" runat="server"></asp:Literal>
                        </div>
                    </div>
                   
                </div>
            </div>
            <!-- ket  thuc noi dung -->
        </div>
        <%-- <div id="content_right">
         
            <uc1:sidebar_right id="sideBar_right1" runat="server" />

        </div>--%>
    </div>
    <style type="text/css">
        .INHOA
        {
            text-transform: uppercase;
        }
    </style>
    <script type="text/javascript" language="javascript">
        var r = {
            'special': /['\\!@#$%^&*\()\"\b\/\|\+=_\-<>,;.?']/g, ///[\W]/g,
            'quotes': /['\''&'\"']/g,
            'notnumbers': /[^\d]/g,
            'custum': /['\\!@#$%^&*\()\"\b\/\|\:+=_\-<>;.?']/g
        }

        function valid(o, w) {
            o.value = o.value.replace(r[w], '');
        }

    </script>
    <script type="text/javascript">
        $(function () {
            // Load giatri len CharLeft(s)
            $(".tencv").keyup(function () {
                var nguyen = this.value.replace(' ', '');
                var len = nguyen.length;
                var trudi = 150 - len;
                $("#charLeft").text(trudi);
                if (len >= 150) {
                    alert('Tiêu đề tối đa 150 ký tự');
                    this.value = this.value.substring(0, 150);
                }
                var trudi = 150 - len;
                if (trudi < 0)
                    trudi = 0;
                $("#charLeft").text(trudi);
            });
            $(".textTrai").keyup(function () {
                var nguyen = this.value.replace(' ', '');
                var len = nguyen.length;
                if (len >= 250) {
                    alert('Tối đa 250 ký tự');
                    this.value = this.value.substring(0, 250);
                }
                var trudi = 250 - len;
                if (trudi < 0)
                    trudi = 0;
                $("#charLeft2").text(trudi);
            });
            $(".textTrai2").keyup(function () {
                var nguyen = this.value.replace(' ', '');
                var len = nguyen.length;
                if (len >= 400) {
                    alert('Tối đa 400 ký tự');
                    this.value = this.value.substring(0, 400);
                }
                var trudi = 400 - len;
                if (trudi < 0)
                    trudi = 0;
                $("#charLeft3").text(trudi);
            });
            $(".textTrai3").keyup(function () {
                var nguyen = this.value.replace(' ', '');
                var len = nguyen.length;
                var trudi = 50 - len;
                $("#charLeft").text(trudi);
                if (len >= 50) {
                    alert('Tối đa 20 ký tự');
                    this.value = this.value.substring(0, 50);
                }
                var trudi = 50 - len;
                if (trudi < 0)
                    trudi = 0;
                $("#charLeft4").text(trudi);
            });
            // Csss
            $('.textTrai').focus(function () {
                //$('.giaithich').slideDown('slow')
                $('.giaithich').css("display", "block");
                $('.textTrai').css("border", "1px solid #ff7200");
            });
            $(".textTrai").blur(function () {
                $('.giaithich').css("display", "none");
                $('.textTrai').css("border", "1px solid #03842a");
            });
            $(".textTrai").change(function () {

            });
            //---------------
            $('.textTrai2').focus(function () {
                //$('.giaithich').slideDown('slow')
                $('.giaithich2').css("display", "block");
                $('.textTrai2').css("border", "1px solid #ff7200");
            });
            $(".textTrai2").blur(function () {
                $('.giaithich2').css("display", "none");
                $('.textTrai2').css("border", "1px solid #03842a");
            });
            //---------------
            $('.textTrai3').focus(function () {
                //$('.giaithich').slideDown('slow')
                $('.giaithich3').css("display", "block");
                $('.textTrai3').css("border", "1px solid #ff7200");
            });
            $(".textTrai3").blur(function () {
                $('.giaithich3').css("display", "none");
                $('.textTrai3').css("border", "1px solid #03842a");
            });
            //---------------
            $('.textTrai4').focus(function () {
                //$('.giaithich').slideDown('slow')
                $('.giaithich4').css("display", "block");
                $('.textTrai4').css("border", "1px solid #ff7200");
            });
            $(".textTrai4").blur(function () {
                $('.giaithich4').css("display", "none");
                $('.textTrai4').css("border", "1px solid #03842a");
            });
            //---------------

        });
        //---------------------- Xoa het
        function xoahet() {
            $(".tencv").val("");
            $(".textTrai").val("");
            $(".textTrai2").val("");
            $(".textTrai3").val("");
            $(".textTrai4").val("");
        }

        //    function NotAllow(gti) {
        //        var kq = "";
        //        var iChars = "!@#$%^&*()+=-[]\\\';,./{}|\":<>?";
        //        for (var i = 0; i < gti.value.length; i++) {
        //            if (iChars.indexOf(document.form1.txtName.value.charAt(i)) != -1) {
        //                alert("Co kí tu dac biet, ban vui long bo no di roi thu lai");
        //                return false;
        //            }
        //        }
        //    } 
        //----------
        function OnSubmitGig() {
            if ($(""))
                if ($(".tencv").val() == "" || $(".tencv").val().length < 10) {
                    alert("Tên công việc ít nhất có 10 ký tự !");
                    $(".tencv").focus();
                    return false;
                }
                else if ($(".textTrai").val() == "" || $(".textTrai").val().length < 30) {
                    alert("Mô tả ít nhất 30 ký tự !");
                    $(".textTrai").focus();
                    return false;
                }
                else if ($(".textTrai2").val() == "" || $(".textTrai2").val().length < 30) {
                    alert("Tự giới thiệu ít nhất 30 ký tự ! ");
                    $(".textTrai2").focus();
                    return false;
                }
                else if ($(".textTrai3").val() == "" || $(".textTrai3").val().length < 3) {
                    alert("Tags phải có ít nhất 3 ký tự !");
                    $(".textTrai3").focus();
                    return false;
                }
                else if ($(".textTrai4").val() == "") {
                    alert("Ngày hoàn thành không được để trống !");
                    $(".textTrai4").focus();
                    return false;
                } else if ($(".textTrai4").val() < 1 || $(".textTrai4").val() > 15) {
                    alert("Ngày hoàn thành từ 1 - 15 ngày !");
                    $(".textTrai4").focus();
                    return false;
                }
            return true;
        }

        function CheckImageSize() {
            var aspFileUpload = document.getElementById("FileUpload1");
            var errorLabel = document.getElementById("ErrorLabel");
            var img = document.getElementById("imgUploadThumbnail");

            var fileName = aspFileUpload.value;
            var ext = fileName.substr(fileName.lastIndexOf('.') + 1).toLowerCase();
            if (!(ext == "jpeg" || ext == "jpg" || ext == "png")) {
                errorLabel.innerHTML = "Invalid image file, must select a *.jpeg, *.jpg, or *.png file.";
                return false;
            }
            if (img.fileSize == -1) {
                errorLabel.innerHTML = "Couldn't load image file size.  Please try to save again.";
                return false;
            }
            else if (img.fileSize <= 3145728) {
                errorLabel.innerHTML = "";
                return true;
            }
            else {
                var fileSize = (img.fileSize / 1048576);
                errorLabel.innerHTML = "File is too large, must select file under 3 Mb. File  Size: " + fileSize.toFixed(1) + " Mb";
                return false;
            }
        }
       
       

    </script>
</asp:Content>
